<template>
  <div>
    Dashboard
    <origin-number></origin-number>
    <svg-icon class-name="v-icon notranslate mdi" color="success" icon-class="CN"></svg-icon>
    <v-icon>mdi-account</v-icon>
    <v-text-field v-model="textvalue" label="Solo" placeholder="Placeholder" solo></v-text-field>
  </div>
</template>

<script>
import OriginNumber from '@/components/BaseComponents/BaseSingleComponent/OriginNumber.vue'
import system from '@/icons/svg/system.svg'
export default {
  name: 'Dashboard',

  components: {
    OriginNumber
  },

  data() {
    return {
      system,
      icons: this.$vuetify.icons.values,
      textvalue: ''
    }
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.css1 {
  background-color: red;
}

.portrait.v-card {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
</style>
